<!DOCTYPE html>
<html lang="en">

<head>
    <title>退款/售后</title>
    <meta content="" name="description">
    <meta content="" name="keywords">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="pragma" content="no-cach">
    <meta name="robots" content="all">
    <meta http-equiv="x-rim-auto-match" content="none">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="address=no">
    <meta name="format-detection" content="date=no">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./css/reset.min.css">
    <link rel="stylesheet" href="./css/bargain.css">
</head>

<body>
    <div id="container" class="order-list">

        <div class="order-item">
            <div class="good-title">
                <div>2020-05-01 00:26:37</div>
                <a href="javacript:void(0)"><img class="kefu" src="./images/kefu.png" alt="" srcset=""></a>
            </div>
            <div class="good-msg">
                <img src="./images/good.jpg" alt="">
                <div>
                    <p class="name">介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊</p>
                    <div class="new-count"><span>￥1,000</span><a href="#" class="tk" onclick="tk(1)">退款</a></div>
                </div>
            </div>
        </div>

        <div class="order-item">
            <div class="good-title">
                <div>2020-05-01 00:26:37</div>
                <a href="javacript:void(0)"><img class="kefu" src="./images/kefu.png" alt="" srcset=""></a>
            </div>
            <div class="good-msg">
                <img src="./images/good.jpg" alt="">
                <div>
                    <p class="name">介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊</p>
                    <div class="new-count"><span>￥1,000</span><a href="#" class="tk" onclick="tk(2)">退款</a></div>
                </div>
            </div>
        </div>

    </div>

    <div class="kt-shade">
        <div>
            <p>s说明文字展位！</p>
            <div class="u-btns"><span class="confirm">确定</span><span class="cancel">取消</span></div>
        </div>
    </div>

    <script src="./js/jquery.min.js"></script>
    <script>
        var id = null,isSubmit=false;
        function tk(zid) {
            id = zid;
            $('.kt-shade').show()
        }

        $('.kt-shade .cancel').click(function(){
            $('.kt-shade').hide();
            id=null;
        })

        $('.kt-shade .confirm').click(function(){
            if(isSubmit) return;
            isSubmit= true;
            $.ajax({
                url:"/xxxx",
                type:"get",
                data:{
                    id:id
                },
                success:function(res){
                    if(res.success){

                    }else{
                        alert(res.errMsg?res.errMsg:JSON.stringify(res))
                    }
                    isSubmit=false;
                    $('.kt-shade').hide()
                },
                error:function(res){
                    alert(res.errMsg?res.errMsg:JSON.stringify(res))
                    isSubmit=false;
                    $('.kt-shade').hide()
                }
            })
        })
    </script>
</body>

</html>